<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <include file="Public:common_file" />
    <meta name="description" content="{$info.description}">
    <meta name="keywords" content="{$info.keywords}">
    <title>{$info.title}-我的消息</title>
    <style type="text/css">
        .list{
            width:100%; height:50px; overflow: hidden;
            border-bottom:1px solid #f3f3f3; background:#fff;

        }
        .list:active{
            background:#f9f9f9;
        }
        .head_ico{
            width:40px; height:40px; float: left; margin:5px;
        }
        .head_ico img{
            width:100%;
        }
        .center{
            float: left; margin:5px 5px; height:40px; width:calc( ( 100% - 70px ) / 2 );
        }
        .name,.content{
            height:20px; line-height: 20px; overflow:hidden;
        }
        .name{
            font-weight:bold; color:#000; font-size:15px;
        }
        .content{
            color:#7F7D7D;
        }
        .time{
            float:right;height:40px; line-height: 20px; color:#7F7D7D;width:calc( ( 100% - 70px ) / 2 );margin:5px 0; text-align:right; 
        }
        .count{
                position: absolute; z-index: 1000;background-color: red;width: 20px;height: 20px;border-radius: 50%;
                line-height: 20px;text-align: center;color: #fff;font-size: 12px;box-shadow: none; left:35px;
        }
    </style>
</head>
<body>
	<div class="head" style="background-color:#f23030;">
        <div class="left" onclick="back()">
            <i class="fa fa-chevron-left" aria-hidden="true"></i>
        </div>
        <div class="center">
            <p><i class="icon-user"></i> 我的消息</p>
        </div>
        <div class="right">
            
        </div>
    </div>

    <div class="body">
        <a href="{:U('Friend/chat')}">
            <div class="count" style="display:block;" id="c1">
                2
            </div>
            <div class="list">
                <div class="head_ico">
                    <img class="lazy" data-original="/Public/img/head.jpg" >
                </div>
                <div class="center">
                    <div class="name">中国IT的希望</div>
                    <div class="content">中午吃了吗</div>
                </div>
                <div class="time">
                    {$vo.time|date="m-d H:i",###}
                </div>
            </div>
        </a>
        <a href="{:U('Friend/chat')}">
            <div class="count" style="display:block;" id="c1">
                2
            </div>
            <div class="list">
                <div class="head_ico">
                    <img class="lazy" data-original="/Public/img/head.jpg" >
                </div>
                <div class="center">
                    <div class="name">中国IT的希望</div>
                    <div class="content">中午吃了吗</div>
                </div>
                <div class="time">
                    {$vo.time|date="m-d H:i",###}
                </div>
            </div>
        </a>
        <a href="{:U('Friend/chat')}">
            <div class="count" style="display:block;" id="c1">
                2
            </div>
            <div class="list">
                <div class="head_ico">
                    <img class="lazy" data-original="/Public/img/head.jpg" >
                </div>
                <div class="center">
                    <div class="name">中国IT的希望</div>
                    <div class="content">中午吃了吗</div>
                </div>
                <div class="time">
                    {$vo.time|date="m-d H:i",###}
                </div>
            </div>
        </a>
    </div>

	<include file="Public:foot" />
    <script type="text/javascript">
        imgload();
    </script>
	
</body>
</html>